<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="index.css">
	</head>
	<body>
		<div id="counter">
			<h2 class="per">个人基本信息展示</h2>
			<p><span>姓名：</span>{{name}}</p>
			<p><span>年龄：</span>{{age}}</p>
			<p><span>兴趣爱好：</span>{{hib}}</p>
			<p><span>专业：</span>{{career}}</p>
		</div>
		<script src="https://unpkg.com/vue@next"></script>
		<script>
			const Counter = {
				data() {
					return {
						name: "任莉丽",
						age: 20,
						hib: "吃饭，睡觉，打豆豆",
						career: "计算机应用"
					}
				}
			}
			Vue.createApp(Counter).mount('#counter')
		</script>
	</body>
	
</html>
